<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../yl/index.css" />
    <link rel="stylesheet" href="../../style/index.css" />
    <!-- 布局样式 -->
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../yl/mobile.css" />
    <link rel="stylesheet" href="../../yl/easyui.css" />
    <link rel="stylesheet" href="../../yl/icon.css" />
    <title>大北极联合体新闻维护</title>
</head>

<body>
    <div id="app" v-cloak>
        <!-- <div class="title">
            <div>
                <el-button type="primary" icon="CirclePlus" style="margin: 0; margin-right: 10px;" @click="PlanAdd"
                    plain round>添加一条新闻</el-button>
            </div>
        </div> -->
        <div class="title" style="margin:0 10px;">
            <div style="padding: 5px;">
                <h3 v-if="currentActivity">当前活动: {{ currentActivity }}</h3>
                <el-button type="primary" icon="CirclePlus" style="margin: 0; margin-right: 10px;"
                    @click="NewsAdd" plain round>
                    添加一条新闻
                </el-button>
            </div>
        </div>
        <div class="body">
            <div class="right">
                <el-table id="table" height="450" v-loading="loading" ref="multipleTable" tooltip-effect="dark"
                    :data-options="JSON.stringify({ 'TableName': 'news','primary_key':'News_SerialNumber'})"
                    :data="tabledata" @selection-change="handleSelectionChange">
                    <el-table-column prop="News_SerialNumber" label="新闻编号" align="center">
                    </el-table-column>
                    <el-table-column prop="News_Title" label="新闻标题" align="center">
                    </el-table-column>
                    <el-table-column prop="News_Category_SerialNumber" label="新闻类别" align="center">
                    </el-table-column>
                    <el-table-column prop="News_Image_URL" label="新闻图片" align="center">
                        <template v-slot="{row}">
                            <el-image style="width: 120px;height: 120px;" :src="photo + row.News_Image_URL"></el-image>
                        </template>
                    </el-table-column>
                    <!-- <el-table-column prop="News_Content" label="新闻内容" align="center">
                    </el-table-column> -->
                    <el-table-column prop="News_Publish_Datetime" label="新闻发布时间" align="center">
                    </el-table-column>
                    <el-table-column label="操作" fixed="right" width="150">
                        <template #default="scope">
                            <el-button type="primary" size="small" @click="handleEdit(scope.row)">
                                编辑
                            </el-button>
                            <el-button type="danger" size="small" @click="handleDelete(scope.row)">
                                删除
                            </el-button>
                            <!-- <el-button type="success" size="small" @click="handleMember(scope.row)">
                                下发
                            </el-button> -->
                        </template>
                    </el-table-column>
                </el-table>
                <!-- <el-pagination style="margin-top: 1%;" :current-page="page.PaginationNumber" :page-size="page.RowAmount"
                    :page-sizes="[10, 100, 200, 300, 400]" layout="total, sizes, prev, pager, next, jumper"
                    :total="Total" @size-change="handleSizeChange" @current-change="handleCurrentChange" /> -->
            </div>
        </div>
        <footer class="botton-ann">
            <el-button @click="goBack">返回</el-button>

        </footer>
    </div>
    </div>
    <script src="../../utils/utils.js"></script>
    <script src="../../config/config.js"></script>
    <script src="../../utils/mixins.js"></script>
    <script src="../../yl/vue.js"></script>
    <script src="../../yl/index.js"></script>
    <script src="../../yl/zh-cn.mjs"></script>
    <script src="../../yl/index.iife.min.js"></script>
    <script src="../../yl/jquery.min.js"></script>
    <script src="../../utils/jquery.cookie.js"></script>
    <script src="../../api/request.js"></script>
    <script src="js/index_new.js"></script>
</body>

</html>